<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title></title>
	<link href="../../css/Kongshop.css" rel="stylesheet"/>
	<link href="../../css/xq.css" />
	<!-- 引入样式 -->
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@1.6/lib/index.css">
	<!-- 引入组件 -->
	<script src="../../js/vue.min.js"></script>
	<script src="../../js/vant.min.js"></script>
	<style>
		header{
			text-align: center;
			height: 46px;
			line-height: 46px;
			
		}
		body {
			background-color: #E5E5E5;
		}
		#app {
			margin-top: 46px;
		
		}
	</style>
</head>
<body>
	<div id="app">
		<header>
			<van-row style="background-color: red; text-align: center; width: 100%; height: 60px; color: #E8E8E8;">							
				<van-col span="6" offset="9">购物车</van-col>
			</van-row>
			
		</header>
		<section>			
			<van-row>		 
				<van-card
					  num="1"
					  tag="热卖"
					  price="149.90"
					  title="开心果 人人的最爱"
					  :thumb="imageURL"
					  origin-price="199.9">
			  <div slot="footer">
				  <van-row>
					  <van-col span="9">&nbsp;</van-col>
					  <van-col span="12">
						  <van-stepper
							  v-model="value1"
							  integer
							  :min="1"
							  :max="40"
							  :step="1"></van-stepper>
					  </van-col>
					  <van-col span="2" offset="1">
						  <van-icon name="delete" style="margin-top: 10px;"></van-icon>
					  </van-col>
                  </van-row>
			  </div>
			 </van-card>
			</van-row>
				  <van-row>
				  	 <van-card
				  		  num="1"
				  		  tag="热卖"
				  		  price="88.80"
				  		  title="大香蕉 香蕉挺大个"
				  		  :thumb="imageURL1"
				  		  origin-price="129.9">
				    <div slot="footer">
				    	<van-row>
				    		<van-col span="9">&nbsp;</van-col>
				    		<van-col span="12">
								<van-stepper
				    			v-model="value"
				    			integer
				    			:min="1"
				    			:max="40"
				    			:step="1"></van-stepper>
				    		</van-col>
				    		<van-col span="2" offset="1">
				    			<van-icon name="delete" style="margin-top: 10px;"></van-icon>
				    		</van-col>
				        </van-row>			  
					</div>
			 </van-card>
			</van-row>
		</section>
		<footer>
			<van-submit-bar
			  :price="14960"
			  button-text="提交订单"
			  @submit="tjdd">
			  <span slot="tip">
				你的收货地址不支持同城送, <span>修改地址</span>
			  </span>
            </van-submit-bar>
		</footer>
	</div>
	<script>
		var vn=new Vue({
			el:"#app",
			data:{
				imageURL:"../../img/kaixinguo.png",
				imageURL1:"../../img/xiangjiao.jpg",
				value1:1,
				value:1,	
			},
			created:function(){
				
			},
			methods:{
				tjdd:function(){
					plus.webview.open("../setting/jiesuan.html", "jiesuan");
				}
			}
			
		})
			
	</script>
</body>
</html>